@charset "utf-8";

@import url(http://fonts.googleapis.com/css?family=Roboto);
@font-face{font-family:'NGR';src:url(/web2018/fonts/NanumGothic.eot);src:local(※),url(/web2018/fonts/NanumGothic.woff) format('woff')}
@font-face{font-family:'NGB';src:url(/web2018/fonts/NanumGothicBold.eot);src:local(※),url(/web2018/fonts/NanumGothicBold.woff) format('woff')}
@import url(https://fonts.googleapis.com/css?family=Exo:600,700);

/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/
/*Reset*/
legend,caption,.blind{display: none;}
body{margin: 0; padding: 0; }
div,p,h1,h2,h3,h4,h5,h6,ol,li,dl,dt,dd,ul,pre,form,fieldset,legend,input,textarea,button,select,table,th,td{margin:0;padding: 0;border:0;}
ul,ol,li,dl{list-style: none;}
img{border:0;vertical-align:inherit;}
address,caption,cite,code,dfn,em,var{font-style: normal;}
blockquote,q{quotes: none;}
blockquote:before,blockquote:after,q:after{content:""; content: none;}
form,fieldset{border:0;}
input,select,textarea,button{font-size:100%;vertical-align: middle;}
button{border:0;background-color: transparent;cursor:pointer;}
a{color:inherit; text-decoration:none; color:#444;}
td a, div a{color:#606060;}
a:hover,a:active,a:focus{text-decoration:none; color:#6fa813;}
table{width:100%; *border-collapse:collapse; border-spacing:0;}
div{ display:block;}
strong,h1,h2,h3,h4,h5,h6{font-weight:normal; font-family:"NanumGothic", NGB;}

h7 {
    display: block;
    font-size: 1.17em;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}

.l10 {
    padding-left: 10px; width:20%;
}
p {margin:0;padding:0;word-break:break-all}
/* common */
body,th,td,input,select,textarea,button{color:#2e3a42;font-family:"나눔고딕","NanumGothic","NGR",Dotum,verdana,sans-serif; font-size:13px;letter-spacing: 0.5px;}

body{width:100%; min-width:1000px;}

article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary,main {display:block;}

.blind{display:none;}

.page{margin:45px auto 0; width:450px;}

#container {position:relative; width:1184px; margin:0 auto; padding:0 0 80px 0;}
#container:after {content:""; display:block; height:0px; clear:both; visibility:hidden; font-size:0;}
#snb {float:left; width:184px; margin:72px 40px 0 0;}
#snb h1	{padding-bottom:19px; border-bottom:2px solid #222; color:#222; font-size:24px;}
@media screen and (-webkit-min-device-pixel-ratio:0){#snb h1	{padding-bottom:18px;}} /* chrome and safari */
#snb>ul	{}
#snb>ul>li	{margin-top:20px;}
#snb>ul>li>a	{color:#222; font-size:16px;}
#snb>ul>li>a:hover	{text-decoration:underline;}
#snb>ul>li.on>a	{color:#da0b85; text-decoration:underline;}
#contents {float:left; width:960px; min-height:500px;} /* margin-top:44px; */
#container.wide #contents	{float:none; width:882px; min-height:0; margin:0 auto; background-color:transparent;}
#container.wide02 #contents	{float:none; width:auto; height:auto; margin-top:0; background-color:transparent;}
#container.wide03	{width:1088px;}	/* 프로그램>지역연계프로그램 */
#container.wide03 #contents	{float:none; width:auto; height:auto; margin-top:0; background-color:transparent;}
#container.wide04 {position:static; width:100%;}
#container.wide04 #contents	{width:100%;}
.title01.type02	{margin:12px auto 44px; text-align:center;}
.title01.type02 h1.sns {width: 85px; background-position: 0 -43px;}
.title01.type02 h1 { overflow: hidden; float: none; width: 192px; height: 34px; margin: 0 auto; background: url(/front/images/etc/text_etc.png) no-repeat 0 0; white-space: nowrap; text-indent: 100%;}
.strong { font-weight: normal;}

/* skiptoContent */
#skiptoContent{position:fixed;top:0;left:0;width:100%;z-index:999}
#skiptoContent a{display:block;position:absolute;top:0;left:-9999px;width:250px;height:26px;background:#0a94b2;color:#fff;font-size:12px;line-height:26px;text-align:center}
#skiptoContent a:focus, #skiptoContent a:active{left:50%;margin-left:-500px;text-decoration:none}
#skiptoContent a:hover{text-decoration:underline}

/*header*/
.gnb{position:absolute; right:0px; top:15px; margin-right:-22px;}
.gnbMenuList > li > fixed {color:#000}
.gnb a{font-size:16px; color:#fff; display:inline-block; line-height:58px;  padding:0 24px;}
.gnb li{float:left;}
.gnb li.current a{background:url(/web2018/images/common/gnb_arrow.png) no-repeat 50% bottom; font-family:NGB;}
.gnb:after{clear:both; display:block; visibility:hidden; content:"."; height:0;}
.m_btn{display:none;}

#header{position:fixed; width:100%; z-index:100; transition: all 0.3s ease;}
header{position:absolute;  width:1100px; left:50%; margin-left:-69px; overflow:hidden;}
#header .logo{padding:0px 0 0 0px;}
#header .logo a{width:80px;height:77px;background:transparent url(/web2018/images/common/logo.png) no-repeat; display:block; font-size:0;}
#header.fixed{position: fixed;z-index:99999999;top:0; margin-top:-3px;background:rgba(49, 139, 203, 0.97); border-bottom:0;}
#header.fixed h1 a{background:transparent url(/web2018/images/common/fixed_logo.png) no-repeat;transition: all 0.3s ease;}
#header.sub_header{position: fixed;z-index:10001;top:0; border-bottom:0;}
/* 
#header.sub_header h1 a{background:transparent url(/web2018/images/common/fixed_logo.png) no-repeat;}
*/


#header-top{width:1100px;height:74px;margin:0 auto;}
#header-top h1 {width:178px;height:61px;margin:10px auto 0;}
	.util { width:1100px; position:absolute; top:50px; left:50%; margin-left:-550px; }
		.util>div { float:left; text-align:center;}
		.util>div>a { display:inline-block; color:#fff; height:28px;}
		.util .link_reservation { padding:0 33px 0;line-height:26px; background-color:#2f3b3f; font-size:13px;}
		.util .language>a { position:relative; width:60px; padding:0px 8px 0 0; height:26px; border:1px solid #2f3b3f; color:#7f7f7f; font-size:11px; line-height:26px;}
		.util .language>a.lang_default{background:url('/web2018/images/common/arrow_down.png') no-repeat 50px center;}
		.util .language>a.lang_other { display:none; height:25px; border-top:none;}
		.util .language>a.lang_other:hover, .util .language>a.lang_other:focus { background-color:#dedede;}

	#gnb-wrap{width:100%;border-top:1px solid #d9dada;}
	
/*footer*/
.footer_box{background:#0e2629; height:238px;}

#sub_left{position:relative;width:223px; padding:0; margin:0;float:left;}

#sub_menu{ position:relative;width:223px; padding:0; margin:0;float:left;}
.sub_menu_title{width:223px; height:57px; padding:11px 0 0 10px; margin:0; font-size:20px; color:#0172b6; font-weight:bold; border-bottom:#e1e1e1 1px solid;}

.sub_menu_ul{width:223px; padding:0; margin:0;}
.sub_menu_ul li{list-style:none; line-height:1em;}
.sub_menu_li_off{width:223px; padding:0; margin:0; font-size:13px; color:#777; border-bottom:#e1e1e1 1px solid;}
.sub_menu_li_on{width:223px; padding:0; margin:0 0 1px 0; font-size:13px; color:#fff; background:#0172b6;}
.sub_menu_li_off a{ display:block; text-decoration:none; padding:20px 0 15px 14px; color:#777; font-size:13px; font-weight:bold;}
.sub_menu_li_on a{ display:block; text-decoration:none; padding:20px 0 15px 14px; color:#fff; font-size:13px; font-weight:bold;}
.sub_menu_li_on a:link, .sub_menu_li_on a:visited, .sub_menu_li_on a:hover, .sub_menu_li_on a:action{ display:block; text-decoration:none; padding:20px 0 15px 14px; color:#fff; font-size:13px; font-weight:bold;}

.sub_title{font-size:20px; font-weight:bold; color:#000;}

.sub_menu_ul_sub{padding:0 0 15px 25px; width:190px; display:none;}

.sub_menu_ul_sub li{padding:10px 0 0 0; width:190px; list-style:none; line-height:1.5em;}
.sub_menu_ul_sub a{text-decoration:none; color:#fff; font-size:13px; padding:0; font-weight:100;}

#sub_re{ width:100%; padding:5px 0 5px 0; text-align:center; background-color:#FFF;}
#cal_lay{ position:absolute; display:none; width:330px; height:300px; top:0px; z-index:100000; background:#fff; padding:10px; border:1px solid #999;}


.animation{width:10%; display:block; float:left;}
.animation img{width:100%; }

.foot_logo{width:500px; height:238px; margin:0 auto; font-size:0;background:transparent url(/web2018/images/common/logo02.png) no-repeat 50% 50%; background-size:208px 200px;}
.copy{text-align:center; border-top:1px #393a3b solid; padding:22px 0; color:#a4a3a3; font-size:10px;}

.banner{width:1000px; margin:0 auto 28px;}
.banner div{float:left; position:relative;}
.banner .banner02{margin-left:35px;}
.banner .banner03{float:right;}
.banner:after{clear:both; display:block; visibility:hidden; content:"."; height:0;}
.banner h3{border:2px #919292 solid; width:42px; height:42px; border-radius:24px; text-align:center; line-height:42px; font-size:14px; color:#e6e6e6; font-weight:normal; position:absolute;}
.banner ul{margin-left:48px;}
.banner ul li{float:left; margin-left:20px;}
.banner a{line-height:42px; display:block;}
.banner a img{vertical-align:middle; height:64px;}
.banner ul:after{clear:both; display:block; visibility:hidden; content:"."; height:0;}

/* footer */
/*#footWrap {position: relative; display: inline-block;width:100%; height:180px;background:#2e3a42; top:50px;}*/
#footWrap { position:relative;display:inline-block;width:100%; background:#2e3a42; bottom:0px; padding-bottom:50px}
	.footer{width:1100px; margin:20px auto;padding:20px 0;font-size:12px;text-align:center;}
	.footer img{display:block; margin:0 auto;}
		.footer-top{padding-bottom:13px;border-bottom:1px solid #444;overflow:hidden; text-align:center;}
		.footer-top .bn{ float:right; display:flex;}
		
		.footer-top li{float:left;color:#555; height:60px; line-height:60px;}
		.footer-top li a{font-size:13px;color:#e1e1e1;padding:0 8px;text-transform:uppercase;}
		.footer-top li:first-child a{padding-left:0;}
		.footer-left{clear:both;width:100%;float:left; margin-top:20px; text-align:center;}
		.footer-left h2{font-size:15px;color:#fff;}
		.footer address{clear:both;margin:10px 0 5px;font-size:12px;line-height:150%;color:#e1e1e1;}
		.footer .copyright{text-transform:uppercase;font-size:11px; letter-spacing:0;color:#888;}
		


@media screen and (max-width:640px){
#header{width:100%; max-width:640px; height:40px;}
header{width:100%; position:relative; margin-left:0; left:0; background:#0e2629;}
#header.fixed{margin-top:0px;}
#header .logo{ position: fixed; z-index:10000; }
#header .logo a, #header.fixed h1 a, #header.sub_header h1 a{background:url(/web2018/images/common/m_logo.png) no-repeat; width:80px; }
 #header.fixed h1 a, #header.sub_header h1 a{background-image:url(/web2018/images/common/m_fixed_logo.png);}
#header.sub_header .m_btn a.m_face_btn{background-position:0% 0; border-color:#fff; }


.gnb{background:#00c6ff; position:relative; right:0; width:100%; height:0; top:0px;}
.gnb li{float:none; text-align:center; border-top:1px rgba(255, 255, 255, 0.45) solid;}
.gnb li a{text-align:center; display:block;}
.gnb li.current a{background:none;}

.m_btn{position:absolute; right:10px; top:7px; display:block;}
.m_btn a, .m_btn button{display:inline-block; width:40px; height:40px;  background:url(/web2018/images/common/gnb_btn.png) no-repeat 100% 0%; background-size:80px; font-size:0; vertical-align:top; margin-left:10px;}
.m_btn button{height:40px; width:40px;}
.m_btn a.m_face_btn{background-position:0% 100%; border-color:#2c56bc;}
#header.fixed .m_btn a.m_face_btn{background-position:0% 0; border-color:#fff;}
.m_btn button.m_gnb_btn_colse{background-position:100% 100%; display:none;}

body{min-width:320px;}

#insta{margin-bottom:25px; padding-top:35px;}
.inst_box{max-width:640px;}
.animation{width:33%;}
#insta h2{font-size:40px;}

#sub_re{ width:95%; margin:0 auto;}

.foot_logo{width:100%; background-size:150px 144px; height:144px;}

#footWrap {top:0px;}
.footer{width:95%;margin:0 auto;padding:20px 0;}

.footer img{margin:0 auto;}
.footer .copyright{margin-top:10px;text-align: center;}

.banner{width:96%; margin:0 auto; }
.banner .banner02{margin-left:0px;}
.banner .banner03{float:left;}
.banner div{margin-bottom:15px;}
.banner ul{margin-left:45px;}
.banner ul li img{height:40px;}

copy{font-size:12px;}

}

@media screen and(min-width:641px) and (max-width:1250px){
#header{min-width:1000px;}
header{width:1000px; margin-left:-500px;}
.banner{width:1000px;}
.btn_area{width:950px; left:50%; margin-left:-475px;}




}

@media screen and (min-width:1251px){
#header{min-width:1200px;}




}